/**
 * ***************************************************************************
 * Copyright (c) 2010 Qcadoo Limited
 * Project: Qcadoo Framework
 * Version: 1.4
 *
 * This file is part of Qcadoo.
 *
 * Qcadoo is free software; you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published
 * by the Free Software Foundation; either version 3 of the License,
 * or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty
 * of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 * See the GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
 * ***************************************************************************
 */
.component_container_form {
	padding: 0;
}

.component_form_element {
	padding: 0;
	width: 100%;
	height: 100%;
	display: block;
	text-align: left;
	position: relative;
}

/** labels **/

.component_form_element .labelbox {
	height: 40px;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	//font: 11px arial;
	position: absolute;
	left: 10px;
	top:0;
	
	
	font-weight: normal;
	font-size: 11px;
	font-family: "Lucida Grande", Arial; /*EDISONDA NEW*/
	color: #232323; /*EDISONDA NEW*/
}
.component_form_element .labelbox.noLabel {
	width: 30px;
}

.component_form_element .label_h {
	height: 100%;
	width: 0px;
	display: inline-block;
	vertical-align: middle;
}
	
.component_form_element .label {
	display: inline-block;
	vertical-align: middle;
}

.required .component_form_element .label {
	font-weight: bold;
	//font-size: 12px; /*EDISONDA NEW*/
}

.component_element_textarea .label {
	vertical-align:top;
	margin-top: 16px;
}

 .component_container_form_textRepresentation {
	vertical-align: middle;
	font: 11px arial;
	height: 100%;
}

.required .component_container_form_textRepresentation {
	font-weight: bold;
}

.error .component_container_form_textRepresentation {
	color: #FF0000;
}

 .component_container_form_textHeight {
	height: 22px;
	display: inline-block;
}

/** inputs **/

.component_container_form_w {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	display: inline-block;
	position: absolute;
	padding-left: 20px;
	right: 10px;
	height: 100%;
	white-space: nowrap;
}
.textRepresentationOnDisabled .component_container_form_w {
	overflow-x: auto;
}
#loginForm .component_container_form_w {
	overflow: visible;
} 

.component_container_form_w.noLabel {
	left: 25px;
}
.component_container_form_inner_h {
	height: 100%;
	width: 0px;
	display: inline-block;
	vertical-align: middle;
	margin:0;
	padding:0;
}
.component_container_form_inner {
	position: relative;
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	margin:0;
}

.disabled .component_container_form_inner {
	background-color: #F0F0F0;
	color: #818181;
}

.component_container_form_x {
	background: transparent url(/qcadooView/public/css/crud/images/form/input_x_transparent.png) repeat-x 0 1px;
	display: block;
	position: absolute;
	height: 5px;
	top: 0;
	left: 6px;
	right: 0;
}

.component_container_form_y {
	margin: 0;
	padding: 0;
	background: transparent url(/qcadooView/public/css/crud/images/form/input_y_transparent.png) repeat-y 1px 0;
	display: block;
	position: absolute;
	width: 5px;
	top: 6px;
	left: 0;
	bottom: 0;
}

.component_container_form_inner input[type='text'], .component_container_form_inner input[type='password'], .component_container_form_inner textarea, .component_container_form_inner select, .component_container_form_inner .fileValueWrapper {
	border-spacing: 0;
  	margin: 0;
  	space: 0;
	//color: #464646;
	height: 22px;
	//font: 11px arial;
	vertical-align: middle;
	//border-radius: 0;
	//-moz-border-radius: 0;
	//-webkit-boder-radius: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	//border: 1px solid #959595;	
	background: white url(/qcadooView/public/css/crud/images/form/input_c_transparent.png) no-repeat 0 0;
	padding-left: 6px;
	padding-top: 3px;
	width: 100%;
	color: #464646; /*EDISONDA NEW*/
	font-size: 11px; /*EDISONDA NEW*/
	font-family: "Lucida Grande", Arial;
	border: solid #a1a1a1 1px; /*EDISONDA NEW*/
	border-bottom: solid #d7d7d7 1px; /*EDISONDA NEW*/
	border-radius: 2px; /*EDISONDA NEW*/
	-moz-border-radius: 2px; /*EDISONDA NEW*/
	-webkit-boder-radius: 2px; /*EDISONDA NEW*/
}

.disabled .component_container_form_inner input[type='text'],
.disabled .component_container_form_inner input[type='password'],
.disabled .component_container_form_inner textarea,
.disabled.required .component_container_form_inner input[type='text'],
.disabled.required .component_container_form_inner input[type='password'],
.disabled.required .component_container_form_inner textarea {
	//background-color: #F0F0F0;
	//color: #818181;
	color: #959595; /*EDISONDA NEW*/
	background-color: #f5f5f5; /*EDISONDA NEW*/
	border: solid #cccccc 1px; /*EDISONDA NEW*/
	border-bottom: solid #e8e8e8 1px; /*EDISONDA NEW*/
}

.disabled .labelbox {
	color: #555555; /*EDISONDA NEW*/ /* MAKU usability fix */
}

.component_element_checkbox .component_container_form_w {
	text-align: left;
	z-index: 25;
}

.component_container_form_w select {
	width: 100%;
	margin-top: 11px;
}

.component_container_form select option .empty {
	color: red;
}
	
 .required input[type='text'],
 .required input[type='password'],
 .required textarea,
 .required .lookupValueWrapper,
 .required .fileValueWrapper,
 .required .component_container_form_w .lookupValueWrapper,
 .required .component_container_form_w .fileValueWrapper {
	//border: 1px solid #464646; /*EDISONDA NEW*/	
	border: 1px solid #464646;
	border-bottom: 1px solid #d7d7d7;
}

 .error input[type='text'],
 .error input[type='password'], 
 .error textarea,
 .error .lookupValueWrapper,
 .error .fileValueWrapper,
 .required.error .component_container_form_w .lookupValueWrapper,
 .required.error .component_container_form_w .fileValueWrapper {
	//border: 1px solid #ec1c24;
	border: 1px solid #ff0000; /*EDISONDA NEW*/
	border-bottom: 1px solid #d7d7d7; /*EDISONDA NEW*/
}

 textarea {
	height: auto;
	padding-left: 6px;
	padding-top: 4px;
	resize: none;
}

/** error icons **/

 .error_icon {
  	display: none;
}

 .error_box {
	display: inline-block;
	padding: 2px 0 0 1px;
	position: relative;
}

 .error .error_box .error_icon {
	display: inline-block;
	width: 13px;
	height: 8px;
	background: url(/qcadooView/public/css/core/images/error.icon.png);
	vertical-align: baseline;
}

.noLabel .label {
	position: absolute;
	top: 10px;
	left: -7px;
	width: 13px;
	height: 8px;
	z-index: 20;
}
.noLabel .label .error_box {
	position: relative;
	width: 13px;
	height: 8px;
}

/** error messages **/

 .error_messages {
	position: absolute;
	left: 15px;
	background: #fff;
	z-index: 999;
	margin-bottom: 5px
}

 .error_messages div {
	border: 1px solid #f83135;
	width: 275px;
	font: 11px arial;
	border-radius: 2px;
  	-moz-border-radius: 2px;
  	-webkit-border-radius: 2px;
}

 .error_messages div span {
	background: url(/qcadooView/public/css/crud/images/form/error_bg.png) repeat-x;
	color: #fff;
	font-weight: bold;
	height: 20px;
	display: block;
	line-height: 20px;
	padding: 0 6px;
}

 .error_messages div p {
	color: #585858;
	margin: 7px 6px;
}

/** descriptions **/

 .description_box {
	display: inline-block;
	position: relative;
}

 .description_icon {
	display: inline-block;
	width: 9px;
	height: 9px;
	background: url(/qcadooView/public/css/core/images/info.icon.png);
	vertical-align: baseline;
	margin-left: 3px;
}

.description_message {
	position: absolute;
	top: 25px;
	left: -25px;
	background: #fff;
	z-index: 999;
	width: 220px;
	font: 11px arial;
	border: 1px solid #0076ca;
	border-radius: 2px;
  	-moz-border-radius: 2px;
  	-webkit-border-radius: 2px;
}

.description_message span {
	background: url(/qcadooView/public/css/crud/images/form/description_bg.png) repeat-x;
	color: #fff;
	font-weight: bold;
	height: 20px;
	display: block;
	line-height: 20px;
	padding: 0 6px;
}

.description_message p {
	color: #585858;
	margin: 7px 6px;
}

/** lookup **/

.lookupValueWrapper input.inactive {
	color: #8A8A8A;		
}

 .lookupValueWrapper,
 .fileValueWrapper {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
	height: 20px;
	//border: solid #959595 1px;
	border: solid #a1a1a1 1px; /*EDISONDA NEW*/
	border-bottom: solid #d7d7d7 1px; /*EDISONDA NEW*/
	border-radius: 2px; /*EDISONDA NEW*/
	-moz-border-radius: 2px; /*EDISONDA NEW*/
	-webkit-boder-radius: 2px; /*EDISONDA NEW*/
}
 .error .component_container_form_w .lookupValueWrapper,
 .error .component_container_form_w .fileValueWrapper {
	border: 1px solid #ec1c24;
}
 .required .component_container_form_w .lookupValueWrapper,
 .required .component_container_form_w .fileValueWrapper {
	border: 1px solid #464646;
	border-bottom: 1px solid #d7d7d7;
}
 .disabled .component_container_form_w .lookupValueWrapper,
 .disabled .component_container_form_w .fileValueWrapper,
 .disabled.required .component_container_form_w .lookupValueWrapper,
 .disabled.required .component_container_form_w .fileValueWrapper {
	border: solid #cccccc 1px; /*EDISONDA NEW*/
	border-bottom: solid #e8e8e8 1px; /*EDISONDA NEW*/
}

.disabled .component_container_form_inner .lookupValueWrapper input[type='text'],
.disabled .component_container_form_inner .fileValueWrapper input[type='text'],
.disabled.required .component_container_form_inner .lookupValueWrapper input[type='text'],
.disabled.required .component_container_form_inner .fileValueWrapper input[type='text'] {
	border: none;
}


 .lookupValueWrapper .lookupInputWrapper,
 .fileValueWrapper .fileInputWrapper {
	position: absolute;
	display: block;
	top: 0px; left: 0px; right: 21px;
}

 .lookupValueWrapper .lookupInputWrapper input,
 .fileValueWrapper .fileInputWrapper input {
	border: none;
	height: 20px;
}

 .lookupValueWrapper .actionButton {
	height: 20px;
	width: 20px;
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 0px;
	background: url(/qcadooView/public/css/crud/images/form/play-grey.png) no-repeat 0;
	vertical-align: middle;
}

 .lookupValueWrapper .actionButton.enabled {
 	background: url(/qcadooView/public/css/crud/images/form/play-dark.png) no-repeat 0;
	background-position: 0px 0;
		 	top: 2px;
	cursor: pointer;
}


 .lookupValueWrapper .actionButton.enabled:hover,
 .lookupValueWrapper .actionButton.enabled.lightHover:hover {
 	background-position: 0px 0;
 	top: 0px;
 	background: url(/qcadooView/public/css/crud/images/form/play-green.png) no-repeat 0;

}


.lookupValueWrapper .lookupInputWrapper .input .dimmed  {
     color: #959595;
     background-color: #f5f5f5;
     border: solid #cccccc 1px;
     border-bottom: solid #e8e8e8 1px;
 }

 .lookupValueWrapper .lookupButton,
 .fileValueWrapper .fileButton {
	height: 20px;
	width: 20px;
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 0px;
	background: url(/qcadooView/public/css/crud/images/form/input_icon_2.png) no-repeat -20px 0;
	vertical-align: middle;
}
 .lookupValueWrapper .lookupButton.enabled {
	background-position: 0px 0;
	cursor: pointer;
}
 .lookupValueWrapper:hover .lookupButton.enabled,
 .lookupValueWrapper .lookupButton.enabled.lightHover {
	background-position: -40px 0;
}
 .lookupValueWrapper .lookupButton.enabled:hover,
 .lookupValueWrapper .lookupButton.enabled.lightHover:hover {
	background-position: -60px 0;
}

.labelbox .focusedLabel {
	color: #005ec5;
}
.component_container_form_w .lookupValueWrapper .lookupValue {
	position: absolute;
	top: 4px; left: 8px; right: 20px;
	font: 11px arial;
	height: 13px;
	overflow: hidden;
}
.component_container_form_w .lookupValueWrapper .lookupLoading {
	position: absolute;
	top: 3px; right: 22px;
	width: 16px;
	height: 16px;
	background: transparent url(/qcadooView/public/img/core/loading_indicator16.gif) no-repeat right center;
	display: none;
}

.component_container_form_w .lookupValueWrapper .lookupDropdown {
	position: absolute;
	z-index: 100;
	left: 0;
	right: 0;
	background: #e1e1e1;
	border: solid #959595 1px;
	border-top: none;
	overflow: auto;
	font: 11px arial;
}
.component_container_form_w .lookupValueWrapper .lookupDropdown .lookupMatch {
	height: 20px;
	vertical-align: middle;
	border-bottom: solid #959595 1px;
	padding: 2px 5px;
	color: black;
	overflow: hidden;
	line-height: 20px;
}
.component_container_form_w .lookupValueWrapper .lookupDropdown .lookupMatch.lookupMatchHover {
	//background: #dcdcdc;
	background: #FFDB67;
	cursor: pointer;
}

.component_container_form_w .lookupValueWrapper .lookupDropdown .lookupMatch_noRecords {
	padding: 5px;
	text-align: center;
	color: grey;
}

/** file **/

.fileValueWrapper .fileButton {
	background-position: -20px -40px;
}

.fileValueWrapper .fileButton.enabled {
	background-position: 0px -40px;
	cursor: pointer;
}

 .fileValueWrapper:hover .fileButton.enabled,
 .fileValueWrapper .fileButton.enabled.lightHover {
	background-position: -40px -40px;
}
 .fileValueWrapper .fileButton.enabled:hover,
 .fileValueWrapper .fileButton.enabled.lightHover:hover {
	background-position: -60px -40px;
}

.fileValueWrapper .fileDeleteButton {
	height: 20px;
	width: 20px;
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 20px;
	background-position: -20px -60px;
	background: url(/qcadooView/public/css/crud/images/form/input_icon_3.png) no-repeat -20px -60px;
	vertical-align: middle;
}
.fileValueWrapper .fileDeleteButton.enabled {
	background-position: 0px -60px;
	cursor: pointer;
}
 .fileValueWrapper:hover .fileDeleteButton.enabled,
 .fileValueWrapper .fileDeleteButton.enabled.lightHover {
	background-position: -40px -60px;
}
 .fileValueWrapper .fileDeleteButton.enabled:hover,
 .fileValueWrapper .fileDeleteButton.enabled.lightHover:hover {
	background-position: -60px -60px;
}

.fileInputWrapper {
	margin-right: 100px;
}

.fileInputWrapper .fileInputLink {
	padding-left: 6px;
	padding-top: 3px;
	color: #005EC5;
	font-size: 11px;
	font-family: "Lucida Grande", Arial;
	text-decoration: none;
	overflow: hidden;
	width: 100%;
	display: inline-block;
}

.fileInputWrapper .fileInputDate {
	padding-left: 3px;
	padding-top: 3px;
	color: #464646;
	font-size: 9px;
	font-family: "Lucida Grande", Arial;
	display: inline-block;
	right: 0px;
	position: relative;
	background: white;
	width: 70px;
	text-align: center;
}

/** calendar **/

.lookupValueWrapper.shortDate {
	width: 60%;
	float: left;
}

.lookupValueWrapper.shortTime {
	width: 30%;
	float: right;
}

.ui-widget {
	font-size: 0.7em;
}

 .lookupValueWrapper .lookupButton.calendarButton {
	background-position: -20px -20px;
}
 .lookupValueWrapper .lookupButton.calendarButton.enabled {
	background-position: 0px -20px;
	cursor: pointer;
}
 .lookupValueWrapper:hover .lookupButton.calendarButton.enabled,
 .lookupValueWrapper .lookupButton.calendarButton.enabled.lightHover {
	background-position: -40px -20px;
}
 .lookupValueWrapper .lookupButton.calendarButton.enabled:hover,
 .lookupValueWrapper .lookupButton.enabled.calendarButton.lightHover:hover {
	background-position: -60px -20px;
}

.component_element_calendar button {
	display: none;	
}

 .datepick-trigger.disabled {
	display: none;
}

.component_element_linkButton {
	width: 100%;
	height: 100%;
}

.linkButton {
	margin-left: 99px;
	margin-right: 10px;
	padding: 0;
	text-align: center;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 14px;
	line-height: 22px;
	height: 23px;
	
}

.linkButton a {
	display: block;
	height: 23px;
	color: #c1c1c1;
	text-decoration: none;
	margin: 0;
	padding: 0;
	background-image: url('/qcadooView/public/css/core/menu/images/lt_twoB_l.png');
	background-position: left 0px;
	background-repeat: no-repeat;
}
.linkButton a span {
	display: block;
	height: 23px;
	margin: 0;
	padding: 0;
	background-image: url('/qcadooView/public/css/core/menu/images/lt_twoB_r_noArrow.png');
	background-position: right 0px;
	background-repeat: no-repeat;
}
.linkButton a span div {
	display: block;
	height: 23px;
	margin: 0;
	padding: 0;
	margin-left: 5px;
	margin-right: 5px;
	background-image: url('/qcadooView/public/css/core/menu/images/lt_twoB_c.png');
	background-position: 0px 0px;
	background-repeat: repeat-x;
}
.linkButton.activeButton a {
	color: #313131;
	background-position: left -1px;
	background-image:url('/qcadooView/public/css/core/menu/images/lt_hover_l.png');
}
.linkButton.activeButton a span {
	background-position: right -1px;
	background-image:url('/qcadooView/public/css/core/menu/images/lt_1Up.png');
}
.linkButton.activeButton a span div {
	background-position: 0px -1px;
	background-image:url('/qcadooView/public/css/core/menu/images/lt_hover_c.png');
}
.linkButton.activeButton:hover a {
	background-image:url('/qcadooView/public/css/core/menu/images/lt_activ_l.png');
}
.linkButton.activeButton:hover a span {
	background-image:url('/qcadooView/public/css/core/menu/images/lt_activ_r.png');
}
.linkButton.activeButton:hover a span div {
	background-image:url('/qcadooView/public/css/core/menu/images/lt_activ_c.png');
}

.separatorLine {
	height: 1px;
	color: #A7A7A7;
	border-color: #A7A7A7;
	border: none;
	background-color: #A7A7A7;
	margin: 19px 0;
}

.component_label {
	font-family: arial;
	font-style: normal;
}
.component_label.normal {
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
}
.component_label.text {
	font-size: 13px;
	font-weight: normal;
	display: inline-block;
	width: 100%;
	text-align: left;
	padding-left: 17px;
	padding-top: 20px;
}
.component_label.label {
	font-size: 11px;
	font-weight: normal;
	color: #555555;
	display: inline-block;
	width: 100%;
	text-align: left;
	padding-left: 10px;
	padding-top: 10px;
}

.actionButton {
	border-left: solid #ccc 1px;
}
